<template>
    <div class="home homeClass relative">
       <div class="w-[100%] bottom-[0px] absolute">
        <div class="ccc">
            <my-blue-botton @click="goPdf">知识点介绍</my-blue-botton>
        </div>
        <div class="ccc">
            <my-blue-botton  @click="gopc">基础测评</my-blue-botton>
        </div>
        <div class="ccc">
            <my-blue-botton @click="goZS('/zhuanye')">专业测评预约</my-blue-botton>
        </div>
        <div class="ccc">
            <my-blue-botton @click="goZS">专家介绍</my-blue-botton>
        </div>
        <div class="ccc">
            <my-blue-botton  @click="goZS('/gj')">跟进服务</my-blue-botton>
        </div>
       </div>
    </div>
</template>

<script setup lang="ts">
import api from "@/api/api"
import { showToast ,showFailToast ,showSuccessToast} from 'vant';
import { useAutoRequest } from "@/hooks/loading"
import {useUserStore} from "@/store/user"
const [loading, Register] = useAutoRequest(api.Register)
const [loading1, Login] = useAutoRequest(api.Login)
const user = useUserStore()
const router = useRouter()
const goZS = (path: string)=> {
    router.push({
        path
    })
}
const gopc = ()=> {
    // if (user.pcInfo && user.pcInfo.choseList&& user.pcInfo.choseList.length) {
    //     router.push({
    //     path: '/result'
    // })
    // }else {
    //     router.push({
    //     path: '/pc'
    // })
    // }
    router.push({
        path: '/pc'
    })
   
}
const goPdf = ()=> {
    window.open('https://docs.qq.com/slide/DSWZxa25VUklZUHl1')
}
</script>

<style scoped lang="scss">
.homeClass {
    background-image: url("../../assets/image/homebg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    // color: #fff;
    .ccc {
        margin-bottom: 16px;
    }
}
</style>